﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>礼品兑换统计</title>
    <meta charset="utf-8" />
    <link href="../themes/icon.css" rel="stylesheet" />
    <link href="../themes/metro/easyui.css" rel="stylesheet" />
    <script src="../scripts/jquery.min.js"></script>
    <script src="../scripts/jquery.easyui.min.js"></script>
    <script src="../jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

    <script type="text/javascript">
        $(function () {
            $('#dg').datagrid({
                method: "GET",
                url: "../jquery-easyui-1.4.3/demo/datagrid/datagrid_data1.json",
                pagination: true,
                singleSelect: true,
                rownumbers:true,
                columns: [[
                    { field: 'productid', title: '会员卡号', width: 100 },
                   { field: 'productname', title: '会员名称', width: 100 },
                  { field: 'unitcost', title: '礼物i编号', width: 100 },
                   { field: 'status', title: '礼物名称', width: 100 },
                   { field: 'listprice', title: '所需积分', width: 100 },
                   { field: 'listprice', title: '数量', width: 100 },
                   { field: 'itemid', title: '兑换时间', width: 100, align: 'right' }

                ]]
            });
        })
    </script>

</head>
<body>
    <div style="width:900px;">
        <fieldset>
            <legend>查询</legend>
            卡号/手机：<input id="tel" class="easyui-validatebox" data-options="required:true,validType:'email'" />
                    兑换日期：<input id="star" class="easyui-datetimebox" name="birthday"
                               data-options="required:true,showSeconds:false" value="3/4/2010 00:00:00" style="width:150px">
                    
                    至<input id="end" class="easyui-datetimebox" name="birthday"
                               data-options="required:true,showSeconds:false" value="3/4/2010 23:59:59" style="width:150px">
                     <a id="btn" href="#" class="easyui-linkbutton">查询</a>
                   
        </fieldset>
    </div>
    <div style="width:895px; height:305px; border:1px black inset; margin-top:10px;">
        <table id="dg"></table>
    </div>
</body>
</html>
